<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="/static/vendor/jquery/jquery.min.js"></script>
</head>
<body>
    <div id="content">

    </div>
    <script>
        $.ajax(
            {
                url: "/goods_list_api/1/1/",
                type: "get",
                data: "",
                success: function (data) {
                    console.log(data["data"]);
                    for(var i in data["data"]){
                        p = "<p>"+data["data"][i]["goods_name"]+"</p>"
                          $("#content").append(p)
                    }
                },
                error: function (error) {
                    console.log(error)
                }
            }
        )
    </script>
</body>
</html>